* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
h1 {
  margin-top: 0;
}
img {
  border: 0;
}
body {
  font: normal normal normal 14px/1.8 Gotham, 'Microsoft YaHei', Helvetica, Arial, " sans-serif";
  color: #555;
  overflow-x: hidden;
}
a,
a:link,
a:visited {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
  color: inherit;
}
ul,
li {
  list-style: none;
  margin-bottom: 0;
}
input {
  display: inline-block;
}
.cf:after {
  content: "";
  display: table;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden;
}
.fr {
  float: right!important;
}
.fl {
  float: left!important;
}
.bge5 {
  background: #e5e5e5 !important;
}
.npb {
  padding-bottom: 0 !important;
}
.mt05rem {
  margin-top: 0.5rem !important;
}
.none {
  display: none;
}
.npt {
  padding-top: 0 !important;
}
.mt02 {
  margin-top: 0.2rem !important;
}
.mt05 {
  margin-top: 0.5rem !important;
}
/*-----------------------common---------------------------------*/
@base-color: #43C6D6;

html,
body {
  height: 100%;
  font-size: 14px;
  color: #333;
}
p,
a,
div,
li,
table td,
input,
select {
  font-size: 14px;
}
/*[data-dpr="2"] body {*/
/*font-size: 24px;*/
/*}*/
/*[data-dpr="3"] body {*/
/*font-size: 36px;*/
/*}*/
input::-webkit-search-cancel-button {
  display: none;
}
input[type=text]::-ms-clear {
  display: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="date"] {
  -webkit-appearance: none;
  border-radius: 0;
}
textarea {
  -webkit-appearance: none;
}
::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
.box {
  background-color: #e8e8e8;
  max-width: 10rem;
  margin: 0 auto;
  position: absolute;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
}
.header {
  background-color: #fff;
  max-width: 10rem;
  width: 100%;
  height: 1.253rem;
  position: fixed;
  top: 0;
  z-index: 111;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .logo {
  margin-left: 0.32rem;
  width: 1.787rem;
  height: 0.64rem;
}
.header .logo img {
  width: 100%;
  height: 100%;
}
.header p {
  font-size: 0.347rem;
}
.header .tel {
  margin-right: 0.36rem;
  margin-left: 0.933rem;
  font-size: 0.547rem;
  background: linear-gradient(0deg, #48CBE9, #309BFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main {
  background-color: #fff;
  //padding-top: 1.253rem;
  //padding-bottom: 2rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
.insurance_type{
    margin-bottom: 0.4rem;
}


.weui-switch{
    appearance: none;
    -moz-appearance:button;
    -webkit-appearance: none;
}
.weui-switch {
    position: relative;
    margin: 0;
    width: 1.2rem;
    height: 0.6rem;
    border: 1PX solid #EBEBF9;
    outline: 0;
    border-radius: 0.307rem;
    box-sizing: border-box;
    background-color: #EBEBF9;
    -webkit-transition: background-color 0.1s, border 0.1s;
    transition: background-color 0.1s, border 0.1s;
}

.weui-switch:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.2rem;
    height: 0.6rem;
    border-radius: 0.307rem;
    background-color: #D8D8D8;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
    transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
    transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
}

.weui-switch:after {
    content: " ";
    position: absolute;
    top: -1px;
    left: 0.027rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 0.307rem;
    background-color: #FFFFFF;
    /*box-shadow: 0 1PX 3PX rgba(0, 0, 0, 0.4);*/
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
}

.weui-switch:checked{
    background: @base-color;
    border: solid 1px @base-color;
}

.weui-switch:checked:before{
    transform: scale(0);
}

.weui-switch:checked:after{
    transform: translateX(0.533rem);
}


/* === Calendar === */


//.toolbar .toolbar-inner {
//    height: 1.1rem;
//    display: -webkit-box;
//    display: -ms-flexbox;
//    display: flex;
//    text-align: center;
//}
//.weui-picker-calendar {
//    background: #fff;
//    height: 7rem;
//    width: 100%;
//    overflow: hidden;
//}
//.weui-picker-calendar .picker-modal-inner {
//    overflow: hidden;
//    height: 6.4rem;
//}
//.picker-calendar-week-days {
//    height: .8rem;
//    background: #f7f7f8;
//    display: -webkit-box;
//    display: -ms-flexbox;
//    display: flex;
//    font-size: 0.293rem;
//    box-sizing: border-box;
//    position: relative;
//}
//.picker-calendar-week-days:after {
//    content: '';
//    position: absolute;
//    left: 0;
//    bottom: 0;
//    right: auto;
//    top: auto;
//    height: 1px;
//    width: 100%;
//    background-color: #c4c4c4;
//    display: block;
//    z-index: 15;
//    -webkit-transform-origin: 50% 100%;
//    transform-origin: 50% 100%;
//}
//@media only screen and (-webkit-min-device-pixel-ratio: 2) {
//    .picker-calendar-week-days:after {
//        -webkit-transform: scaleY(0.5);
//        transform: scaleY(0.5);
//    }
//}
//@media only screen and (-webkit-min-device-pixel-ratio: 3) {
//    .picker-calendar-week-days:after {
//        -webkit-transform: scaleY(0.33);
//        transform: scaleY(0.33);
//    }
//}
//.picker-calendar-week-days .picker-calendar-week-day {
//    -webkit-flex-shrink: 1;
//    -ms-flex: 0 1 auto;
//    -ms-flex-negative: 1;
//    flex-shrink: 1;
//    width: 14.28571429%;
//    width: calc(100% / 7);
//    //line-height: 0.227rem;
//    text-align: center;
//    font-size: 0.293rem;
//}
//.picker-calendar-week-days + .picker-calendar-months {
//    height:6rem;
//}
//.picker-calendar-months {
//    width: 100%;
//    height: 100%;
//    overflow: hidden;
//    position: relative;
//}
//.picker-calendar-months-wrapper {
//    position: relative;
//    width: 100%;
//    height: 100%;
//    -webkit-transition: 300ms;
//    transition: 300ms;
//}
//.picker-calendar-month {
//    display: -webkit-box;
//    display: -ms-flexbox;
//    display: flex;
//    -webkit-box-orient: vertical;
//    -ms-flex-direction: column;
//    flex-direction: column;
//    width: 100%;
//    height: 100%;
//    position: absolute;
//    left: 0;
//    top: 0;
//}
//.picker-calendar-row {
//    height: 16.66666667%;
//    height: calc(100% / 6);
//    display: -webkit-box;
//    display: -ms-flexbox;
//    display: flex;
//    -webkit-flex-shrink: 1;
//    -ms-flex: 0 1 auto;
//    -ms-flex-negative: 1;
//    flex-shrink: 1;
//    width: 100%;
//    position: relative;
//}
//.picker-calendar-row:after {
//    content: '';
//    position: absolute;
//    left: 0;
//    bottom: 0;
//    right: auto;
//    top: auto;
//    height: 1px;
//    width: 100%;
//    background-color: #ccc;
//    display: block;
//    z-index: 15;
//    -webkit-transform-origin: 50% 100%;
//    transform-origin: 50% 100%;
//}
//@media only screen and (-webkit-min-device-pixel-ratio: 2) {
//    .picker-calendar-row:after {
//        -webkit-transform: scaleY(0.5);
//        transform: scaleY(0.5);
//    }
//}
//@media only screen and (-webkit-min-device-pixel-ratio: 3) {
//    .picker-calendar-row:after {
//        -webkit-transform: scaleY(0.33);
//        transform: scaleY(0.33);
//    }
//}
//.weui-picker-modal .picker-calendar-row:last-child:after {
//    display: none;
//}
//.picker-calendar-day {
//    -webkit-flex-shrink: 1;
//    -ms-flex: 0 1 auto;
//    -ms-flex-negative: 1;
//    flex-shrink: 1;
//    display: -webkit-box;
//    display: -ms-flexbox;
//    display: flex;
//    -webkit-box-pack: center;
//    -ms-flex-pack: center;
//    justify-content: center;
//    -webkit-box-align: center;
//    -ms-flex-align: center;
//    align-items: center;
//    box-sizing: border-box;
//    width: 14.28571429%;
//    width: calc(100% / 7);
//    text-align: center;
//    color: #3d4145;
//    font-size: 0.4rem;
//    cursor: pointer;
//}
//.picker-calendar-day.picker-calendar-day-prev,
//.picker-calendar-day.picker-calendar-day-next {
//    color: #ccc;
//}
//.picker-calendar-day.picker-calendar-day-disabled {
//    color: #d4d4d4;
//    cursor: auto;
//}
//.picker-calendar-day.picker-calendar-day-today span {
//    background: #e3e3e3;
//}
//.picker-calendar-day.picker-calendar-day-selected span {
//    background: #416FF3;
//    color: #fff;
//}
//.picker-calendar-day span {
//    display: inline-block;
//    border-radius: 100%;
//    width: 0.8rem;
//    height: 0.8rem;
//    line-height: 0.8rem;
//}
//.picker-calendar-month-picker,
//.picker-calendar-year-picker {
//    display: -webkit-box;
//    display: -ms-flexbox;
//    display: flex;
//    -webkit-box-align: center;
//    -ms-flex-align: center;
//    align-items: center;
//    -webkit-box-pack: justify;
//    -ms-flex-pack: justify;
//    justify-content: space-between;
//    width: 50%;
//    max-width: 200px;
//    -webkit-flex-shrink: 10;
//    -ms-flex: 0 10 auto;
//    -ms-flex-negative: 10;
//    flex-shrink: 10;
//}
//.picker-calendar-month-picker a.icon-only,
//.picker-calendar-year-picker a.icon-only {
//    min-width: 36px;
//}
//.picker-calendar-month-picker span,
//.picker-calendar-year-picker span {
//    -webkit-flex-shrink: 1;
//    -ms-flex: 0 1 auto;
//    -ms-flex-negative: 1;
//    flex-shrink: 1;
//    position: relative;
//    overflow: hidden;
//    text-overflow: ellipsis;
//}
//.popover .picker-calendar .picker-calendar-week-days,
//.picker-calendar.picker-modal-inline .picker-calendar-week-days {
//    background: none;
//}
//.popover .picker-calendar .toolbar:before,
//.picker-calendar.picker-modal-inline .toolbar:before,
//.popover .picker-calendar .picker-calendar-week-days:before,
//.picker-calendar.picker-modal-inline .picker-calendar-week-days:before {
//    display: none;
//}
//.popover .picker-calendar .toolbar:after,
//.picker-calendar.picker-modal-inline .toolbar:after,
//.popover .picker-calendar .picker-calendar-week-days:after,
//.picker-calendar.picker-modal-inline .picker-calendar-week-days:after {
//    display: none;
//}
//.popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
//.picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
//.popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,
//.picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
//    content: '';
//    position: absolute;
//    left: 0;
//    top: 0;
//    bottom: auto;
//    right: auto;
//    height: 1px;
//    width: 100%;
//    background-color: #c4c4c4;
//    display: block;
//    z-index: 15;
//    -webkit-transform-origin: 50% 0%;
//    transform-origin: 50% 0%;
//}
//@media only screen and (-webkit-min-device-pixel-ratio: 2) {
//    .popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
//    .picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
//    .popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,
//    .picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
//        -webkit-transform: scaleY(0.5);
//        transform: scaleY(0.5);
//    }
//}
//@media only screen and (-webkit-min-device-pixel-ratio: 3) {
//    .popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
//    .picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
//    .popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before,
//    .picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
//        -webkit-transform: scaleY(0.33);
//        transform: scaleY(0.33);
//    }
//}
//.picker-calendar-month-picker,
//.picker-calendar-year-picker {
//    display: block;
//    line-height: 1.1rem;
//    -webkit-box-flex: 1;
//    -ms-flex: 1;
//    flex: 1;
//}
//.picker-calendar-month-picker a.icon-only,
//.picker-calendar-year-picker a.icon-only {
//    float: left;
//    width: 25%;
//    height: 1.1rem;
//    line-height: 1rem;
//}
//.picker-calendar-month-picker .current-month-value,
//.picker-calendar-year-picker .current-month-value,
//.picker-calendar-month-picker .current-year-value,
//.picker-calendar-year-picker .current-year-value {
//    float: left;
//    width: 50%;
//    height: 1.1rem;
//    font-size: 0.293rem;
//}
//i.icon {
//    display: inline-block;
//    vertical-align: middle;
//    background-size: 100% auto;
//    background-position: center;
//    background-repeat: no-repeat;
//    font-style: normal;
//    position: relative;
//}
//i.icon.icon-next,
//i.icon.icon-prev {
//    width: 0.4rem;
//    height: 0.4rem;
//}
//i.icon.icon-next {
//    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%2304BE02'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
//}
//i.icon.icon-prev {
//    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%2304BE02'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
//}
.weui-cells__title {

    text-align: center;
}
.main{
    .button-box{

        position: fixed;
        //left: 0.4rem;
        bottom: 1.333rem;
        //display: block;
        width: 10rem;
        height: 2rem;
        //background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;


        a{

            display: block;
            width: 9.2rem;
            height: 1.2rem;
            //margin-top: 0.4rem;
            //margin-left: 0.4rem;
            background: @base-color;
            border-radius: 0.6rem;

            font-size: 0.373rem;
            color: #FFFFFF;
            line-height:1.2rem;
            text-align: center;
        }

    }
}
.main form .button-box{
    width: 9.2rem;
	bottom: 0;
    position: relative;
}
.main .content{
    padding: 0.4rem;

}
.content .error-info{
    height: 0.8rem;
    background: #FFF0EE;
    border: 1px solid #FF6853;
    border-radius: 0.133rem;
    padding-left: 0.333rem;
    //display: flex;
    //align-items: center;
    //justify-content: left;
    p{

        font-size: 0.32rem;
        color: #FF6853;
        line-height: 0.8rem;
        span{
            display: inline-block;
            font-size: 0.347rem;
            margin-right: 0.133rem;
        }
    }

}
.main .content{
    .item-form+.item-form{
        margin-top:0.213rem ;
    }

}
.main .content .item-box{
    .item-title{
        position: relative;
        height: 1.467rem;
        font-size: 0.373rem;
        font-weight: bold;
        color: #3C4043;
        line-height: 1.467rem;
        padding-left: 0.4rem;

        &:before{
            content: "";
            position: absolute;
            top: calc(50% - 0.173rem);
            left: 0;
            width: 0.107rem;
            height: 0.333rem;
            background: @base-color;
            border-radius: 0.053rem;
        }
    }

    .item-form{

        background: #F7F7FA;
        border-radius: 0.133rem;
        padding: 0 0.347rem 0.533rem;

        p, a, div, li, table td, input, select,option{
            font-size: 0.373rem;
            color: #222222;
        }

        .item-row{
            display: flex;
            align-items: center;
            justify-content: left;
            span{
                width: 1.947rem;
                font-size: 0.373rem;
                color: #222222;
            }

            div{
                flex: 1;
                height: 1rem;
                background: #FFFFFF;
                border: 1px solid #DBDBDB;
                border-radius: 0.133rem;
                input,select{
                    width: 100%;
                    height: 100%;
                    border: 0;
                    border-radius: 0.133rem;
                    padding-left: 0.4rem;
                    color: #222222;
                    background: #ffffff;

                }


                input:read-only{
                    background: #f2f2f5 ;
                }
            }
            div.error-border{
                border: 1px solid #FF6853 ;
				input::-webkit-input-placeholder {
					/* WebKit browsers */
					color: #FF6853;
				}
				input:-moz-placeholder {
					/* Mozilla Firefox 4 to 18 */
					color: #FF6853;
				}
				input::-moz-placeholder {
					/* Mozilla Firefox 19+ */
					color: #FF6853;
				}
				input:-ms-input-placeholder {
					/* Internet Explorer 10+ */
					color: #FF6853;
				}

            }

        }
        .item-textarea{
            display: flex;
            align-items: start;
            justify-content: left;

            textarea{
                flex: 1;
                background: #FFFFFF;
                border: 1px solid #DBDBDB;
                min-height: 2.4rem;

                font-size: 0.373rem;
                color: #222222;
                line-height: 0.667rem;
                padding: 0.2rem 0.333rem;

                border-radius: 0.133rem;
            }
        }
        &>.item-row:nth-child(1){
            padding-top: 0.533rem ;
        }
        .item-form-title{
            border-bottom:1px solid #DBDBDB;
            border-radius: 1px;
            margin-bottom: 0.467rem;
            height: 1.4rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            span{
                //width: 1.947rem;
                font-size: 0.373rem;
                color: #222222;
            }
            div{

            }

        }
        &>div+div{
            margin-top: 0.32rem;
        }


    }
    .item-form.notChange{
        padding: 0 0.347rem;
        .item-form-title{

            height: 1.333rem;
            background: #F9F9F9;
            border-radius: 0.133rem;
            border: none;
            margin-bottom: 0;
        }
        .item-row{
            display: none;
        }

    }

}

.main .index-content{
    .search-box{
        position: relative;
        padding: 0.533rem 0.4rem;
        .iconfont{
            position: absolute;
            left: 0.773rem;
            top: 0.613rem;
            font-size: 0.4rem;
            color:#989898;
        }
        input{
            width: 100%;
            height: 0.867rem;
            background: #F7F7F7;
            border-radius: 0.427rem;
            border:none;
            padding-left: 1rem;
            font-size: 0.373rem;
            color: #222222;

        }
        [type="search"]::-webkit-search-decoration {
            display: none;
        }
    }
    .index-tab{
        //padding:0 0.733rem;
        line-height: 0.8rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        a{
            flex: 1;
            font-size: 0.373rem;
            color: #9F9F9F;
            text-align: center;
        }
        a.on{
            color: @base-color;
            position: relative;
            &:after{
                content: "";
                position: absolute;
                left: calc(50% - 0.253rem);
                bottom: -0.06rem;
                width: 0.507rem;
                height: 0.12rem;
                background: @base-color;
                border-radius: 0.067rem;
            }
        }
        #a-red{
            position: relative;
            &:before{
                content: "";
                position: absolute;
                width: 0.133rem;
                height: 0.133rem;
                border-radius: 0.133rem;
                background:#ff6852 ;
                top:0.133rem;
                left: 80%;

            }
        }
    }
    .index-table{
        background: #F9F9F9;
        padding: 0.333rem;
        min-height: 100vh;
        .table-item{
            background: #ffffff;
            border-radius: 0.267rem;
            padding:0 0.4rem;
            margin-bottom: 0.32rem;
            .item-title{
                height: 1.2rem;
                border-bottom: 1px solid #ebebeb;
                display: flex;
                align-items: center;
                justify-content: space-between;
                span{
                    font-size: 0.373rem;
                }
                span:first-child{
                    font-size: 0.373rem;
                    font-weight: bold;
                    color: #222222;
                }




            }
            .item-box{
                margin-top: 0.373rem;
                margin-bottom: 0.467rem;
                padding: 0.4rem;
                background: #F7F7FA;
                border-radius: 0.267rem;
                p{
                    font-size: 0.347rem;
                    color: #989898;
                }
                .p-wrap{
                    display: flex;
                    justify-content: flex-start;
                    &>span:first-child{
                        flex-shrink: 0;
                    }
                }
            }
            .item-button{
                //height: 1.2rem;
                display: flex;
                align-items: end;
                justify-content: flex-end;
                a{

                    width: 1.933rem;
                    height: 0.733rem;
                    background: #F6FCFD;
                    border: 1px solid @base-color;
                    border-radius: 0.333rem;
                    font-size: 0.373rem;
                    color: @base-color;
                    text-align: center;
                    margin-bottom: 0.467rem;
                }
                a+a{
                    margin-left: 0.4rem;
                }
				.is-red{
					background: rgba(255, 109, 90, 0.11);
					border: 1px solid #FF6D5A;
					color: #FF6D5A;
				}
				.is-cancel{
					background: #FFFFFF;
					border: 1px solid #999999;
					color: #999999;
				}
            }
        }
    }
    .table-blank{
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding-top: 1rem;
        img{
            width: 6.96rem;
            height: 3rem;
        }

        p{
            margin-top: 0.587rem;
            font-size: 0.373rem;
            color: #808080;
        }
    }

}
.color-blue{
    color:@base-color
}
.color-desc{
    color: #808080;
}
.color-red{
    color: #FF6D5A;
}
.main .view-content{
    padding: 0 0.4rem;

}
.main .view-content .view-box{
    margin-bottom: 0.133rem;
    .view-title{
        height: 1.267rem;
        border-bottom:1px solid  #ebebeb;
        position: relative;
        padding-left: 0.4rem;
        span{
            font-size: 0.373rem;
            font-weight: bold;
            color: #3C4043;
            line-height: 1.267rem;
        }
        &:before{
            content: "";
            position: absolute;
            top: calc(50% - 0.173rem);
            left: 0;
            width: 0.107rem;
            height: 0.333rem;
            background: @base-color;
            border-radius: 0.053rem;
        }
    }
    .view-detail{
        margin-top: 0.467rem;
        padding:0 0.4rem 0.4rem;
        background: #F7F7FA;
        //border: 0.0134rem solid #EBEBEB;
        border-radius: 0.067rem;
        p{
            font-size: 0.347rem;
            color: #989898;
            line-height: 0.667rem;
        }
        &>p:nth-child(1){
            padding-top: 0.4rem;
        }
        .detail-title{
            height: 1.2rem;
            border-bottom: 1px solid #DBDBDB;
            margin-bottom: 0.267rem;

            font-size: 0.373rem;
            color: #3C4043;
            line-height: 1.2rem;

        }
    }
    .view-detail + .view-detail{
        margin-top: 0.267rem;
    }
}

.footer{
    position: fixed;
    //left: 0.4rem;
    bottom: 0;
    display: block;
    width: 10rem;
    height: 2rem;
    background: #ffffff;

    div{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 1rem;

        a{
            display: block;
            height: 1.2rem;
            border-radius: 0.6rem;
            font-size: 0.373rem;
            line-height:1.2rem;
            text-align: center;
        }
    }

}
.startDate,.endDate{
    background: #ffffff !important;
}

.weui-loadmore {
    margin: 0 auto;
    font-size: 0.373rem;
    width: 65%;
    text-align: center;
}

.weui-loading {

        display: inline-block;
        text-align: center;
        //color: #666;
        transform-origin: 50% 50%;  // 中心旋转
        font-size: .373rem;
        animation: load 2s linear infinite;   // 2s无限循环

}
@keyframes load{
    0%{
        transform: rotate(0);
    }

    30%{
        transform: rotate(120deg);
    }

    70%{
        transform: rotate(240deg);
    }


    100%{
        transform: rotate(360deg);
    }
}

.weui-loadmore .weui-loading, .weui-loadmore .weui-primary-loading {
    margin-right: 8px;
}

// 登录
.login-head{
    width: 100%;
    //height: 7.067rem;
    img{
        width: 100%;
    }
}
.login-box{
    padding: 1.333rem 1.2rem;
    div.error-border{
        border: 1px solid #FF6853 ;
    }
	.phone-code{
		position: absolute;
		right: 0.533rem;
		bottom: 0.213rem;
		padding-left: 0.2rem;
		font-size: 0.293rem;
		font-weight: 400;
		color: #43C6D6;
	}
    .input-box{
        position: relative;
        margin-bottom: 0.333rem;
        border: 1px solid #F5F5F5;
        border-radius: 0.533rem;

        input{

            width: 100%;
            height: 1.133rem;
            background: #F7F7FA;
            border-radius: 0.533rem;
            padding-left: 1.2rem;
            border: none;
            font-size: 0.32rem;

        }
		input::-webkit-input-placeholder {
			/* WebKit browsers */
			color: #BEBEBE;
		}
		input:-moz-placeholder {
			/* Mozilla Firefox 4 to 18 */
			color: #BEBEBE;
		}
		input::-moz-placeholder {
			/* Mozilla Firefox 19+ */
			color: #BEBEBE;
		}
		input:-ms-input-placeholder {
			/* Internet Explorer 10+ */
			color: #BEBEBE;
		}
        &>span{
            position: absolute;
            left: 0.533rem;
            top: 0.147rem;
            font-size: 0.467rem;
            color: @base-color;
        }
        .isDisplay{
            position: absolute;
            right: 0.533rem;
            top: 0.147rem;
            width: 0.467rem;
            height: 0.467rem;
            span{
                font-size: 0.467rem;
                color: #989898;
                left: 6.933rem;
            }
        }

    }
    .login-button{
        padding-top: 1.2rem;
        position: relative;
        a.forget-pw{
            position: absolute;
            left: 0.307rem;
            top: -0.16rem;
            font-size: 0.32rem;
            color:#666666;
        }
		a.a-code-login{
			position: absolute;
			right: 0.307rem;
			top: -0.16rem;
			font-size: 0.32rem;
			color:#666666;
		}

        button{
            width: 100%;
            height: 1.133rem;

			background: @base-color;
            border-radius: 0.573rem;
            border:none;
            font-size: 0.427rem;
            color: #FFFFFF;
            line-height: 1.133rem;
        }
		a.btn-register{
			display: block;
			margin-top: 0.533rem;
			width: 100%;
			height: 1.133rem;

			border: 1px solid  @base-color;
			border-radius: 0.573rem;
			background:#ffffff;
			font-size: 0.427rem;
			color: @base-color;
			line-height: 1.133rem;
			text-align: center;
		}


    }
	.agreement{

		display: flex;
		align-items: center;
		justify-content: center;
		margin-top:0.4rem;


		input[type=checkbox]:checked {
			background:@base-color
		}
		input[type=checkbox] {
			width:0.4rem;
			height:0.4rem;
			background-color:#ffffff;
			border:solid 1px #dddddd;
			-webkit-border-radius:50%;
			border-radius:50%;
			font-size:0.8rem;
			margin:0;
			padding:0;
			margin-bottom: 0.027rem;
			position:relative;
			display:inline-block;
			vertical-align:top;
			cursor:default;
			-webkit-appearance:none;
			-webkit-user-select:none;
			user-select:none;
			-webkit-transition:background-color ease 0.1s;
			transition:background-color ease 0.1s;
			outline: none;
		}
		input[type=checkbox]:checked::after {
			content:'';
			top:0.053rem;
			left:0.053rem;
			position:absolute;
			background:transparent;
			border:#fff solid 2px;
			border-top:none;
			border-right:none;
			height:0.133rem;
			width:0.2rem;
			-moz-transform:rotate(-45deg);
			-ms-transform:rotate(-45deg);
			-webkit-transform:rotate(-45deg);
			transform:rotate(-45deg);
		}

		p{

			margin-left: 0.213rem;
			color: #969B9E;
			font-size: 0.293rem;
			a{
				color: @base-color;
				font-size: 0.293rem;
			}
		}
	}

}

//首页
.home-content{
    position: relative;
    margin-bottom: 2rem;
}
.home-content .home-head{
    height: 4rem;
    background-image: url('../images/home-bg2.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    padding:0 0.4rem 1.133rem;

    img{
        width: 1.427rem;
        height: 1.427rem;
        margin-right: 0.267rem;

    }
    a{
        display: block;
        width: 2.133rem;
        height: 0.533rem;
		background: #08ACC0;
        border-radius: 0.24rem;
        font-size: 0.32rem;
        color: #FFFFFF;
        text-align: center;
        span{
            font-size: 0.28rem;

        }
    }
    .head-info{
        flex: 1;

        span:first-child{
            display: block;
            font-size: 0.373rem;
            color: #FFFFFF;
            margin-bottom: -0.107rem;

        }
        span{
            font-size: 0.32rem;
			color: #FFFFFF;
        }
    }

}
.home-content .home-number{

    position: absolute;
    width: 9.2rem;
    height: 1.867rem;
    top: 2.867rem;
    left: 0.4rem;
    background: #FFFFFF;
	box-shadow: 0rem 0.107rem 0.36rem 0rem rgba(91, 192, 215, 0.21);
    //box-shadow: 0rem 0rem 0.387rem 0rem rgba(66, 112, 244, 0.14);
    border-radius: 0.133rem;
    &>div{
        margin-top: 0.307rem;
    }
    &>div{
        display: flex;
        align-items: center;

        div{
            flex: 1;
            text-align: center;
            p{

                font-size: 0.427rem;
                color: #08acc0;
                margin-bottom: -0.107rem;
            }
            span{
                font-size: 0.32rem;
                color: #808080;
            }
        }
        div:first-child{
            border-right: 1px solid #DBDBDB;
        }


    }
}
.home-content .home-item {
    margin-top: 1.133rem;
    padding: 0 0.4rem;
}
.home-item{
    .news{
        margin:  0 auto;
        margin-bottom: 0.427rem;
        width: 100%;
        height: 0.933rem;
        background: #F7F7FA;
        border-radius: 0.067rem;
        display: flex;
        align-items: center;

        span.iconfont{
            font-size: 0.427rem;
            color:#FF6D5A;
            display: inline-block;

            margin-right: 0.347rem;
            margin-left: 0.4rem;

        }
        span:last-child{

            font-size: 0.333rem;
            color: #808080;

        }
    }
    a.item-detail{
        width: 100%;
        height: 2.133rem;
        background: #FFFFFF;

		box-shadow: 0rem 0.107rem 0.36rem 0rem rgba(91, 192, 215, 0.21);
        //box-shadow: 0rem 0rem 0.267rem 0rem rgba(167, 167, 167, 0.25);
        border-radius: 0.133rem;

        margin-bottom: 0.267rem;
        padding-left: 0.267rem;
        padding-right: 0.467rem;

        display: flex;
        align-items: center;
        img{
            width: 1.48rem;
            height: 1.48rem;
            margin-right: 0.333rem;
            margin-top: 0.107rem;
        }
        span.iconfont{
            font-size: 0.28rem;
            color:#BEBEBE;
        }
        &>div{
            flex: 1;
            p{
                font-size: 0.373rem;
                color: #222222;
                margin-bottom: -0.107rem;
            }
            span{
                font-size: 0.32rem;
                color: #808080;
            }
        }


    }

}
.main .home-content .item-tel{
    a{
        display: block;
        position: relative;
        width: 9.453rem;
        height: 2.013rem;
        margin: 0 auto;
        background-image: url('../images/home-tel1.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;

        img{
            width: 0.827rem;
            height: 0.84rem;
            position: absolute;
            top: 0.707rem;
            right: 0.36rem;
        }

        .item-swing {

            -webkit-animation: swings 2s ease 1s infinite both;
        }
        @-webkit-keyframes swings{

            60% {
                -webkit-transform: rotate3d(0, 0, 1, -0deg);
                transform: rotate3d(0, 0, 1, -0deg)
            }

            75% {
                -webkit-transform: rotate3d(0, 0, 1, -30deg);
                transform: rotate3d(0, 0, 1, -30deg)
            }
            80% {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg)
            }
            85% {
                -webkit-transform: rotate3d(0, 0, 1, -23deg);
                transform: rotate3d(0, 0, 1, -23deg)
            }

            90% {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg)
            }
        }
        p{
            margin-left: 2.667rem;
            padding-top: 0.72rem;
            font-size: 0.373rem;
            //font-weight: bold;
            color: #FFFFFF;
            text-shadow: 0rem 0.04rem 0.08rem rgba(196, 68, 0, 0.92);
            span{

                font-size: 0.4rem;
                font-weight: bold;
                color: #FFFFFF;
                text-shadow: 0rem 0.04rem 0.08rem rgba(196, 68, 0, 0.92);
            }
        }
    }
}
.main .home-tab{
    position: fixed;
    bottom: 0;
    width: 10rem;
    height: 1.333rem;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    //justify-content: space-between;
    //padding: 0 1.333rem;
    box-shadow: 0rem -0.0134rem 0rem 0rem rgba(162, 162, 162, 0.5);
    a{
        //display: flex;
        //align-items: center;
        //flex-direction: column;
        //justify-content:center;
        flex: 1;
        text-align: center;
        span{
            color:#808080;
        }
        span.on{
            color:@base-color;
        }
        span.on+span{
            color:@base-color;
        }

        span.iconfont{
            font-size: 0.453rem;
            display: block;
            margin-bottom: -0.267rem;
        }
        span:last-child{
            font-size: 0.347rem;
        }
    }


}

//参保统计
 .statistics-item{
    padding: 0.4rem;
    .item-detail{
        display: flex;
        align-items: center;
        height: 2.133rem;
        border-radius: 0.133rem;
        margin-bottom: 0.267rem;
        padding-left: 0.613rem;
        padding-right: 0.8rem;

        div{
            flex: 1;
            p{
                font-size: 0.373rem;
				color: #222222;
                margin-bottom: -0.08rem;
            }
            span{
                font-size: 0.32rem;
				color: #808080;
            }
        }
        img{
            margin-left: 0.067rem;
            margin-right: 0.4rem;

        }
        &>span{
            font-size: 0.32rem;
            color: @base-color;
            span{
                font-size: 0.56rem;
                font-weight: bold;
            }
        }
    }
	&>.item-detail:nth-child(odd){
		background: rgba(67, 198, 214, 0.1);

	}
	 &>.item-detail:nth-child(even){
		 background: rgba(139, 222, 177, 0.1);

	 }
    &>.item-detail:nth-child(1){
        img{
            width: 1rem;
            height: 0.933rem;
        }
		//background: linear-gradient(-90deg, #1A2A6C 0%, #22C1C3 0%, #0CBBD0 100%);
        //background: linear-gradient(-90deg, #4E7BFB 0%, #35ACFF 100%);
    }
    &>.item-detail:nth-child(2){
        img{
            width: 1rem;
            height: 0.973rem;
        }
        //background: linear-gradient(-90deg, #AB8FFF 0%, #795CFF 100%);
    }
    &>.item-detail:nth-child(3){
        img{
            width: 1rem;
            height: 0.933rem;
        }
        //background: linear-gradient(-90deg, #F98E5F 0%, #FF5D55 99%);
    }
    &>.item-detail:nth-child(4){
        img{
            width: 1rem;
            height: 0.853rem;
        }
        //background: linear-gradient(-90deg, #25C575 0%, #4DDDA8 100%);
    }
    &>.item-detail:nth-child(5){
        img{
            width: 1rem;
            height: 0.933rem;
        }
        //background: linear-gradient(-90deg, #4E7BFB 0%, #35ACFF 100%);
		//background: linear-gradient(-90deg, #1A2A6C 0%, #22C1C3 0%, #0CBBD0 100%);
    }
    &>.item-detail:nth-child(6){
        img{
            width: 1.067rem;
            height: 0.907rem;
            margin-left: 0;
        }
        //background: linear-gradient(-90deg, #FA8805 0%, #F1D241 100%);
		//background: linear-gradient(-90deg, #AB8FFF 0%, #795CFF 100%);
    }
}

//提交成功
.add-success{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 2.133rem;
    img{
        width: 7.027rem;
        height: 3.72rem;
    }
    p{

        font-size: 0.373rem;
        color: #222222;
        line-height: 0.773rem;
        margin-bottom: -0.133rem;
    }
    span{

        font-size: 0.32rem;
        color: #808080;
        line-height: 0.773rem;
    }
    a{
        width: 3.467rem;
        height: 1.067rem;
        display: block;
        margin-top: 2.2rem;

        background: @base-color;
        border-radius: 0.533rem;

        font-size: 0.373rem;
        color: #FFFFFF;
        line-height: 1.067rem;
        text-align: center;
    }
    a+a{
        margin-top: 0.4rem;
    }

}

// 业务页面

.main .business-content .business-item{
    //padding: 0.267rem;

	&>p{
		height: 1.333rem;
		position: relative;
		font-size: 0.373rem;
		font-weight: bold;
		color: #222222;
		line-height: 1.333rem;
		padding-left: 0.64rem;

		&:before{
			content: "";
			position: absolute;
			top: calc(50% - 0.173rem);
			left: 0.32rem;
			width: 0.16rem;
			height: 0.347rem;
			background: #0EBCD0;
			border-radius: 0.08rem;
			background: @base-color;
		}
	}

    .item-detail{

		height: 2.453rem;
        position: relative;
        margin: 0 0.4rem 0.32rem 0.64rem;
		background: #FFFFFF;
		box-shadow: 0rem 0.107rem 0.36rem 0rem rgba(91, 192, 215, 0.21);
		border-radius: 0.133rem;
		display: flex;
		align-items: center;

        img{
            position: absolute;
            left: -0.453rem;
            top: 0.16rem;
			width: 2.52rem;
			height: 2.387rem;

        }
        div{
        	flex:1;
			padding-left: 2.187rem;
            p{
				font-size: 0.373rem;
				//font-weight: bold;
				color: #222222;
				line-height: 0.627rem;
            }
            span{

				font-size: 0.32rem;
				color: #808080;
				line-height: 0.467rem;
            }
        }
		.non-info{

			font-size: 0.347rem;
			color: #FF6D5A;
		}
		.iconfont{
			font-size: 0.267rem;
			color:#BEBEBE;
			margin-left:0.253rem ;
			margin-right:0.347rem ;
		}


    }
	.item-detail+.item-detail{
		margin-bottom: 0.133rem;
	}


}

.main .tips-info{
    width: 9.2rem;
    height: 1.253rem;
    background: #FFFFFF;
    box-shadow: 0.0134rem 0.053rem 0.28rem 0rem rgba(1, 12, 134, 0.07);
    border-radius: 0.133rem;
    margin:  0.4rem auto;
    padding-right: 0.333rem;

    display: flex;
    align-items: center;
    img{
        width: 0.813rem;
        height: 0.773rem;
        margin-left: 0.2rem;
        margin-right: 0.267rem;
    }
    p{
        flex: 1;
        font-size: 0.32rem;
        color: #ff9082;
        line-height: 0.453rem;
    }

}